/*
* @author: Jay
* @description: 通过监听 css 变量切换主题色
* @createTime: 2022-12-13 11:29:00
* @introduce: 需要在 uni.scss 中 引入该scss
*/

//统一配置色彩
/*---------------------方法二 使用css 属性选择器  ---------------------------*/
/*
    使用方法
        <view class="padding-sm" :data-theme="cueTheme">
            暗黑模式-官方自带:(只支持 白天黑夜)
        </view>
*/

/* 白天主题 */
[data-theme='day-theme'],
.day-theme {
    background-color: #fff;
	color: #110C22;
	.color-main{color: #110C22}
	.color-969699{color: #969699}
	.color-FFF{color: #fff}
	.color-0D86FF{color: #0D86FF}
	.color-jump{color: #0186FF}
	.color-0C7EFF{color: #0C7EFF}
	.color-0F0400{color: #0F0400}
	.bg-F7F8FF{background-color: #F7F8FF;}
	.bg-main{background: #0C7EFF;}
	.bg-shallow{background-color: #F1F8FD;}
	.bg-E3F1FC{background-color: #E3F1FC;}
	.bg-F2F2F2{background-color: #F2F2F2;}
	.bg-base{background-color: #FFF;}
	.bg-linear{background: linear-gradient(270deg, var(--rampButtonBackStartColor) 0%, var(--rampButtonBackEndColor) 100%);}
	.bg-linear-35{background: linear-gradient(270deg, rgba(244, 230, 207, .35) 0%, rgba(232, 205, 168, .35) 100%);}
}
[data-theme='night-theme'],
.night-theme {
    background-color: var(--controllerBgColor);
	color: var(--titleFontColor);
	.color-ACB4C7{color: var(--contentFontLightColor)}
	.color-6B707C{color: var(--contentFontDarkColor)}
	.color-141720{color: var(--darkViewBgColor)}
	.color-E8CDA7{color: var(--selectedFontColor)}
	.bg-E8CDA7{background-color: var(--selectedFontColor);}
	.bg-21242C{background-color: var(--viewBgColor);}
	// .bg-21242C{background-color: var(--receiverViewColor);}
	.bg-363A43{background-color: var(--senderViewColor);}
	.btn-border{border: 2rpx solid var(--selectedFontColor);}
	.border-E8CDA7{border: 2rpx solid var(--selectedFontColor);}
	.bg-1A1D25{background-color: var(--controllerBgColor);}
	.opacity35{opacity: .35;}
	.color-fff{color: #fff}
	.top-bar-app{color: var(--senderViewColor);}
	.opacity80{opacity: .8;}
	.color-contentFontLightColor{color: var(--contentFontLightColor)}
	.color-contentFontDarkColor{color: var(--contentFontDarkColor)}
	.color-darkViewBgColor{color: var(--darkViewBgColor)}
	.color-selectedFontColor{color: var(--selectedFontColor)}
	.bg-selectedFontColor{background-color: var(--selectedFontColor);}
	.bg-receiverViewColor{background-color: var(--receiverViewColor);}
	.bg-linear{background: linear-gradient(270deg, var(--rampButtonBackStartColor) 0%, var(--rampButtonBackEndColor) 100%);}
	.bg-linear-35{background: linear-gradient(270deg, rgba(244, 230, 207, .35) 0%, rgba(232, 205, 168, .35) 100%);}
	.bg-senderViewColor{background-color: var(--senderViewColor);}
	.btn-border{border: 2rpx solid var(--selectedFontColor);}
	.border-selectedFontColor{border: 1px solid var(--selectedFontColor);}
	.bg-controllerBgColor{background-color: var(--controllerBgColor);}
	.bg-viewBgColor{background-color: var(--viewBgColor)}
	.color-buttonOutlineTwoColor{color: var(--buttonOutlineTwoColor)}
	.color-contentFontFourColor{color:var(--contentFontFourColor)}
	.color-viewDivisionColor{color: var(--viewDivisionColor)}
}
[data-theme='lightBlue-theme'],
.lightBlue-theme {
    background-color: var(--controllerBgColor);
	color: var(--titleFontColor);
	.color-ACB4C7{color: var(--contentFontFourColor)}
	.color-6B707C{color: var(--contentFontFourColor)}
	.color-141720{color: var(--darkViewBgColor)}
	.color-E8CDA7{color: var(--selectedFontColor)}
	.color-BF8355{color: var(--contourButtonTextColor)}
	.color-38383D{color: var(--contentFontDarkColor)}
	.bg-E8CDA7{background-color: var(--selectedFontColor);}
	.bg-21242C{background-color: var(--viewBgColor);}
	// .bg-21242C{background-color: var(--receiverViewColor);}
	.bg-363A43{background-color: var(--senderViewColor);}
	.btn-border{border: 2rpx solid var(--selectedFontColor);}
	.border-E8CDA7{border: 2rpx solid var(--selectedFontColor);}
	.bg-1A1D25{background-color: var(--controllerBgColor);}
	.opacity35{opacity: .35;}
	.color-fff{color: #fff}
	.top-bar-app{color: var(--senderViewColor);}
	.opacity80{opacity: .8;}
	.color-contentFontLightColor{color: var(--contentFontLightColor)}
	.color-contentFontDarkColor{color: var(--contentFontDarkColor)}
	.color-darkViewBgColor{color: var(--darkViewBgColor)}
	.color-selectedFontColor{color: var(--selectedFontColor)}
	.bg-selectedFontColor{background-color: var(--selectedFontColor);}
	.bg-receiverViewColor{background-color: var(--receiverViewColor);}
	.bg-linear{background: linear-gradient(180deg, var(--rampButtonBackStartColor) 0%, var(--rampButtonBackEndColor) 100%);color: var(--contentBgImageTitleColor)}
	.bg-linear-35{background: linear-gradient(180deg, rgba(244, 230, 207, .35) 0%, rgba(232, 205, 168, .35) 100%);}
	.bg-senderViewColor{background-color: var(--senderViewColor);}
	.btn-border{border: 2rpx solid var(--selectedFontColor);}
	.border-selectedFontColor{border: 1px solid var(--selectedFontColor);}
	.bg-controllerBgColor{background-color: var(--controllerBgColor);}
	.bg-viewBgColor{background-color: var(--viewBgColor)}
	.color-buttonOutlineTwoColor{color: var(--buttonOutlineTwoColor)}
	.color-contentFontFourColor{color:var(--contentFontFourColor)}
	.color-viewDivisionColor{color: var(--viewDivisionColor)}
	.bg-navView{background: linear-gradient(180deg, var(--navViewStartColor) 0%, var(--navViewCenterColor) 32%, rgba(255,255,255,0) 100%);}
	.bg-gray-btn{background-color: var(--translucenceButtonBackOneColor);color: var(--titleFontColor);}
	.bg-border-btn{border:1px solid var(--buttonOutlineOneColor);color: var(--contourButtonTextColor);}
}

[data-theme='bks-theme'] {
    background-color: #fff;
 /* 间距 */
 .space-block{width:750rpx;height: 16rpx;background-color: #F5F5FA;}
 
 /* 字体颜色 */
 .color-6871FE{color:#6871FE}
 .color-969699{color:#969699}
 .color-323233{color:#323233}
 .color-646466{color:#646466}
 .color-CFCFE6{color:#CFCFE6}
 .color-000{color:#000}
 .color-fff{color:#fff}
 .color-FEFEFE{color: #FEFEFE}
 .color-F7C34A{color:#F7C34A}
 .color-E95241{color: #E95241}
 .color-C8C8CC{color: #C8C8CC}
 .color-FFCE38{color: #FFCE38}
 .color-6ED087{color: #6ED087}
 .color-9899A1{color: #9899A1}
 .color-FF9645{color: #FF9645}
 .color-E85531{color: #E85531}
 .color-FA8C70{color: #FA8C70}
 .color-00C15D{color: #00C15D}
 .color-61D89B{color: #61D89B}
 .color-A3A4AD{color: #A3A4AD}
 .color-3480FF{color: #3480FF}
 .color-8FB6F7{color: #8FB6F7}
 .color-FFBC44{color: #FFBC44}
 .color-FF8345{color: #FF8345}
 .color-C7C8D4{color: #C7C8D4}
 .color-FAAC70{color: #FAAC70}
 .color-E6E6EB{color: #E6E6EB}
 .color-FFE926{color: #FFE926}
 .color-FAF6F6{color: #FAF6F6;}
 .color-F9DFDA{color: #F9DFDA;}
 .color-0B4828{color: #0B4828;}
 .color-D8D9E5{color: #D8D9E5;}
 .bg-fff{background-color: #fff;}
 .bg-F0F1FF{background-color: #F0F1FF;}
 .bg-6871FE{background-color: #6871FE;}
 .bg-F5F5FA{background-color: #F5F5FA;}
 .bg-FAE6E1{background-color: #FAE6E1;}
 .bg-FFEEE0{background-color: #FFEEE0;}
 .bg-DAF7E8{background-color: #DAF7E8;}
 .bg-F0F0F5{background-color: #F0F0F5;}
 .bg-FFBC44{background-color: #FFBC44;}
 .bg-3480FF{background-color: #3480FF;}
 .bg-F2FAF5{background-color: #F2FAF5;}
 .bg-FF9645{background-color: #FF9645;}
 .bg-E85531{background-color: #E85531;}
 .border-E95241 {border-color: #E95241}
 .border-E85531 {border-color: #E85531}
 .border-FF9645 {border-color: #FF9645}
 .border-00C15D {border-color: #00C15D}
 .border-A3A4AD {border-color: #A3A4AD}
 .border-6871FE {border-color: #6871FE}
 .border-F7C34A {border-color: #F7C34A}
 .border-969699 {border-color: #969699}
 
 /* new Style */
 .color-36363A{color:#36363A}
 .color-6A6A6F{color:#6A6A6F}
 .color-C7C8D4{color: #C7C8D4;}
 .bg-F5FAF7{background-color: #F5FAF7;}
 .bg-00C15D{background-color: #00C15D;}
 .bg-BEE8D2{background-color: #BEE8D2;}
 .bg-EBFAF1{background-color: #EBFAF1;}
 .bg-DFE0ED{background-color: #DFE0ED;}
 .bg-00B356-79DBA8{background: linear-gradient(-90deg, #00B356 0%, #79DBA8 100%);}
 .bg-FAA40F-FFCE7A{background: linear-gradient(-45deg, #FAA40F 0%, #FFCE7A 100%);}
	.bg-linear{background: linear-gradient(270deg, #F4E6CF 0%, var(--selectedFontColor) 100%);}
	.bg-linear-35{background: linear-gradient(270deg, rgba(244, 230, 207, .35) 0%, rgba(232, 205, 168, .35) 100%);}
 
 .line{position: relative;}
 .line .l-after{position: absolute;bottom: 0;left: -50%;right: 0;width: 200%;height: 1px;background-color: #d5d5d5;transform: scale(.5)}
 .head-app{background-color: #fff;}
}
 /* 
  [data-theme='bks-theme'] .head-app{background-color: #fff;}
  */